<%@page contentType="text/html; charset=utf-8" %>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>欢迎使用</title>
				<link rel="stylesheet"  href="${basePath}css/font-awesome-4.7.0/css/font-awesome.min.css"/>
		<style type="text/css">
			*{
				margin:0px;
				padding:0px;
			}
			body{
				background-color: aliceblue;
				width: 100%;
			}
			.top{
				background-color: white;
				height: 400px;
				width: 100%;
			}
			.dingbu{
				padding-left: 100px;
				padding-top: 30px;
				display: block;
				padding-top: 20px;
			}
			.dingbu h1{
				color: #6495ED;
			}
			.zuo{
				width: 18%;
				float: left;
				height: 200px;
				padding-top: 20px;
				color: grey;
				font-size:25px ;
				font-weight: bold;
				padding-left: 20px;
			}
			.zhong{
				width: 40%;
				float: left;
				height: 200px;
				padding-top: 20px;
			}
			.zhong p{
				padding: 3px;
			}
			.zhong h2{
				padding: 3px;
			}
			.you{
				width: 24%;
				float: right;
				height: 200px;
				margin-right: 5%;
				
			}
			.xiabu{
				background-color: white;
				height: auto;
				margin-top: 20px;
				padding-left: 10px;
			}
			.xzuo{
				float: left;
				background-color: white;
				width: 30%;
			}
			.xzhong{
				float: left;
				background-color: white;
				width: 30%;
				margin-left: 10px;
			}
			.xyou{
				float: right;
				background-color: white;
				width: 30%;
			}
			.title hr{

			}
		</style>
	</head>
	<body>
		<div class="top">
			<div class="dingbu">
				<h1>欢迎使用实验室固定资产管理系统</h1>
				<p>	本系统为板栗狂魔设计，用于毕业设计专用</p>
				<br><br><br>
			</div>
			
			<div class="zuo">Hello,Guest</div>
			<div class="zhong">
				<h2 style="color: grey;">高校计算机实验室固定资产管理系统</h2>
				<p>本系统面向高校，对高校计算机实验室固定资产进行管理。</p>
				<p>系统虽然简陋，但基础功能都有，相信经过实际使用，发现问题并进行更新迭代，一定能成为一个功能丰富、效率极高的系统</p>
			</div>
			<div class="you">
			<h4 style="font-size: 19px; color: grey;">技术选型：</h4>
			<ol>
                <li>Web容器：Apache Tomcat8.5</li>
                <li>编程语言：Java8</li>
                <li>数据库连接池：DBCP</li>
                <li>数据库操作：Navicat Premium 15</li>
				<li>动态网页：JSP/Servlet3.1</li>
                <li>静态网页：HTML+CSS+Jquery</li>
                <li>数据库：MySQL5.8</li>
                <li>数据库设计软件：Power Designer165</li>
				<li>操作系统：Window10</li>
            </ol>
			</div>
		</div>
		<div class="xiabu">
			<div class="xzuo">
				<div class="title">
					<p style="padding-left: 10px;padding-top: 20px;color: gray;font-weight: bold;">联系信息</p><br/><br /><hr style="color: gray;"/>
					
				</div>
				<div class="lianxi" style="font-style: normal;padding-top: 15px;padding-left: 5px;">
					<p><i class="fa fa-phone">手机：17354034748</i></p>
					<p><i class="fa fa-qq">QQ：627244989</i></p>
					<p><i class="fa fa-weixin">微信：<a href="img/微信.jpg">板栗狂魔</a></i></p>
					<p><i class="fa fa-weibo">微博：<a href="https://weibo.com/">板栗狂魔</a></i></p>
					<p><i class="fa fa-twitter">推特：<a href="https://twitter.com/">板栗狂魔</a></i></p>
					<p><i class="fa fa-telegram">电报：<a href="https://telegram.org/">板栗狂魔</a></i></p>
					<p><i class="fa fa-facebook-square">Facebook：<a href="https://www.facebook.com/">blkm</a></i></p>
				</div>
			</div>
			<div class="xzhong" style="margin-left: 4.5%">
				<div class="title">
					<p style="padding-left: 10px;padding-top: 20px;color: gray;font-weight: bold;">更新信息</p><br/><br /><hr style="color: gray;"/>
				</div>
				<div class="gengxin" style="padding-left: 20px;padding-top: 20px;padding-right: 20px;">
					<div style="padding-left: 5px;padding-top: 15px;border: 1px solid #808080;">
						<div>
							<p style="font-weight: bold;color: 51,51,51;float: left;padding-left: 10px;">v0.0.x</p>
							<p style="float: right;color:red;font-size: 5px;font-weight: bold;padding-right: 10px;">2021.05.24</p>
							<br>
							<hr />
						</div>
						<div style="margin-top:10px ;padding-left: 25px;">
							<p>1、</p>
							<p>123</p>
							<p>123</p>
							<p>123</p>
							
						</div>
					</div>
				</div>
			</div>
			<div class="xyou" style="margin-right:1%;">
				<div class="title">
					<p style="padding-left: 10px;padding-top: 20px;color: gray;font-weight: bold;">鸣谢</p><br/><br /><hr style="color: gray;"/>
				</div>
				<div class="mingxie" style="padding-left: 10px;padding-top: 15px;">
					<p style="color: gray;">本系统为本人第一次独立开发的项目，在整个项目开发过程中遇到了非常多的困难，例如数据库连接问题等</p>
					<p style="padding-top: 5px;color: gray;">但是在指导老师和同学们的帮助下，这些困难被一一解决，同时过去的任课老师也对我在开发过程中提供了关键的帮助指导，正是有了你们，我才能从开发零经验的小白，成长到今天能够自己写代码自己改代码的入门新手</p>
					<p style="padding-top: 5px;color: gray;">最后由衷的感谢你们</p>
				</div>
			</div>
		</div>
	</body>
</html>
